<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport"
	content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>邮宝洗衣</title>
<link href="../../css/style2app.css" rel="stylesheet" type="text/css">
<link href="../../css/type.css" rel="stylesheet" type="text/css">
<style type="text/css">
/*<![CDATA[*/
* html .decoration {
	position: absolute;
	right: 16px;
	top: 0;
} /*only for ie*/
/*]]>*/
</style>
<!-- Do not move the bellow script to custom.js! It must stay here to
    load properly! -->
<script type="text/javascript" src="../../scripts/jquery.js"></script>
<script type="text/javascript" src="../../scripts/custom2app.js"
	charset="utf-8"></script>
</head>
<body onLoad="loadImages()">
	<p class="no-mobile">
		请使用手机访问本页面！ <br /> 这个页面是专门针对手机设计的！
	</p>
	<div class="site">
		<div id="hidepage">
			<p class="center-text">
				加载中，加载速度取决于您的网速! <br /> <img src="../../images/background/130.gif"
					alt="load">
			</p>
		</div>
	<div class="decoration">
		<div class="back">
			<a href="../../index.jsp">
				<img src="../../images/home/back.png">
			</a>
		</div> 
		<p class="title">洗衣明细</p>
	</div>
	<div id="wrapper">
			<div class="clothes" style="height: 100%;">
				<div class="total" style="text-align: center;margin-top: 5%">
					<div class="zi" style="float: left;">
						<p>共</p>
					</div>
					<div class="zired" id="cnumber" style="float: left;">
						<p></p>
					</div>
					<div class="zi" style="float: left;">
						<p>件</p>
					</div>
					<div class="zi" style="float: left;">&nbsp;&nbsp;</div>
					<div class="zi" style="float: left;">
						<p>共</p>
					</div>
					<div class="zired" id="cprice" style="float: left;">
						<p></p>
					</div>
					<div class="zi" style="float: left;">
						<p>元</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	var orderNum = "${param.orderNum}";
	 $(document).ready(function () {
		 $.post("../../transactionRouter?funcID=0005&orderNum="+orderNum, function(v) {
				var str = "";
				var totalPrice = 0;
				var totalNum = 0;
				for(var i=0;i<v.transactionDetails.length;i++){
					var temp = v.transactionDetails[i];
					totalPrice+=temp.goodsPrice;
					totalNum+=temp.goodsNum;
					str += "<div class='clothe' style='margin-top: 2%;'><div class='leftdiv'><img src='../../images/home/1.jpeg'></div><div class='rightdiv'><div class='wenzi' style='margin-top: 15%'><div class='name'><p>"+temp.goodsName+"</p></div><div class='price'><p style='color: black;'>￥<font color='red'>"+(temp.goodsPrice/temp.goodsNum)+"</font>元/件</p><p style='color: black;float: right;'> X "+temp.goodsNum+"</p></div></div></div><div class='line'><img src='../../images/home/line_03.png'></div><div style='clear: both'></div></div>";
				}
				$(".clothes").prepend(str);
				$("#cnumber").find("p").html(totalNum);
				$("#cprice").find("p").html(totalPrice);
			});
	 });
	</script>
</body>
</html>